<ion-view cache-view="true" hide-back-button="false" ng-init="init()">
  <ion-nav-bar class="bar-positive bar" align-title="center">    
    <ion-nav-back-button></ion-nav-back-button>
    <ion-nav-title>
      <button class="tab-btn button nav-btn-left" ng-class="filterState === 1 ? 'current': ''" ng-click="filterLines(1)">进行中</button>
      <button class="tab-btn button nav-btn-right" ng-class="filterState === 2 ? 'current': ''" ng-click="filterLines(2)">已取消</button>
    </ion-nav-title>
    <ion-nav-buttons side="right">
      <button class="button" ng-click="createLine()">发布</button>
    </ion-nav-buttons>
  </ion-nav-bar>
  <ion-content class="gray_back">
    <section class="g_main">
      <!-- 专线管理 -->
      <p ng-if="nolines" style="text-align: center">暂时没有专线</p>      
      <ion-list>
        <ul class="truck_line_list">
          <li class="line_list" ng-repeat="item in lineList" ng-click="toLineEdit(item.line_pub_id)">
            <div class="direction"><span>{{item.start_area_disp}}</span><BR/><i class="icon icon_go">单程</i><BR/><span style="top: -20px;position: relative;">{{item.end_area_disp}}</span></div>
            <ul style="width:45%">
              <li>重货价格： <em>{{item.heavy_cargo_price}}</em>元/吨</li>
              <li>泡货价格： <em>{{item.light_cargo_price}}</em>元/立方</li>
              <li>起步价格： <em>{{item.base_price}}</em>元</li>
            </ul>
            <div class="go_date" style="width:15%"><strong>{{item.term_of_validity}}</strong>天</div>
          </li>
        </ul>
      </ion-list>
      <ion-infinite-scroll on-infinite="loadMoreRecord()" distance="1" ng-show="showprogress"></ion-infinite-scroll>
    </section>
  </ion-content>
</ion-view>
